<!DOCTYPE html>
<html>
    <head>
        <?php
            require_once('./Protected/Conf/confHtml.php');
        ?>
        
        <title><?php echo $NombreSistema; ?></title>
        <link rel="Shortcut Icon" href="./images/iconos/yPorQueNo.ico"/> 
        <meta name="author" content="Sebastian Franco Brantes UTFSM"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
        
        
        <?php 
            require_once('./Protected/Views/Themes/principal/css.php');
            require_once('./Protected/Views/Themes/principal/js.php');
        ?>

        <script>
            $(document).ready(function(){
                $('#cerrarSesion').click(function(){
                    $(location).attr('href','./?cpanelsf=usuarios&accion=cerrarSesion');
                })
                
                $('#simple-menu').sidr();
                
                 $('.right-menu').sidr({
                    name: 'sidr-right',
                    side: 'right'
                 });
        });    
    </script>
        
        
    </head>
    <body>
        <?php
            if (isset($_SESSION['CPANELSF'])){
        ?>
        <div id="sidr">
            <ul>
                <li><a href="./">Home</a></li>
                <li><a href="./?cpanelsf=albumes&accion=index">Albumes</a></li>
                <li><a href="./?cpanelsf=videos&accion=index">Videos</a></li>
                <li><a href="./?cpanelsf=noticias&accion=index">Noticias</a></li>
                <li><a href="./?cpanelsf=usuarios&accion=index">Usuarios</a></li>
                <li><a href="./?cpanelsf=general&accion=index">General</a></li>
                <li><a href="./?cpanelsf=soporte&accion=index">Soporte</a></li>
            </ul>
        </div>
        
        <div id="sidr-right">
            <ul>
                <li><a href="./?cpanelsf=usuarios&accion=cerrarSesion">Cerrar Sesi&oacute;n</a></li>
                <p>Cpanel Web, es una aplicaci&oacute;n desarrollalda por ¿Y por qu&eacute; no? Ltda. <br/> Sebasti&aacute;n Elias Franco Brantes UTFSM</p>
            </ul>
        </div>
        <?php
        }
        ?>
        
        <header>
            <?php
                if (isset($_SESSION['CPANELSF'])){
            ?>
            <div id="iconoSistema">
                <a class="display-medium display-mini" id="simple-menu" href="#sidr"><img src="./images/iconoMenuMovil.png" /></a>
                <a id="imagenLeyenda" href="./"><img src="./images/yPorQueNoSmall.png" /></a>
            </div>
            
            <nav id="main-nav" class="display-great">
                <ul>
                    <li><a href="./">Home</a></li>
                    <li><a href="./?cpanelsf=albumes&accion=index">Albumes</a></li>
                    <li><a href="./?cpanelsf=videos&accion=index">Videos</a></li>
                    <li><a href="./?cpanelsf=noticias&accion=index">Noticias</a></li>
                    <li><a href="./?cpanelsf=usuarios&accion=index">Usuarios</a></li>
                    <li><a href="./?cpanelsf=general&accion=index">General</a></li>
                    <li><a href="./?cpanelsf=soporte&accion=index">Soporte</a></li>
                </ul>
            </nav>

            <div id="user">
                <p class="display-great display-medium">Hola, Sebastian Franco <a class="right-menu" href="#right-menu"><img src="./images/imgUser/1.jpg" align="absmiddle" /><img src="./images/flechaAbajo.png" id="flechaAbajo" align="absmiddle" /></a></p>
                <p class="display-mini"><a class="right-menu" href="#right-menu"><img  src="./images/imgUser/1.jpg" align="absmiddle" /><img src="./images/flechaAbajo.png" id="flechaAbajo" align="absmiddle" /></a></p>
            </div>

            <?php
                }
            ?>
        </header>
        
        <div id="wrapper">
            <?php
                if (isset($_SESSION['CPANELSF'])){
            ?>         
            
            <section id="main-section">
                <div id="userMain">
                    <img  src="./images/imgUser/1.jpg"/> 
                    <p style="float:right; width: 160px; text-align: left; margin-top: 20px;" >Sebastian Franco Brantes</p>
                    <p style="float:right; width: 160px; text-align: left; " >Administrador</p>
                    <div style="width: 100%; height: 50px; background-color: #f5f5f5; position: absolute; top: 100px;">
                        <button style="margin-top:10px; margin-left: 10px;"  class="submit" id="cambiarPassword"  type="submit">Edit. perfil</button>
                        <button style="margin-top:10px; margin-left: 30px;" class="submit" id="cerrarSesion"     type="submit">Salir</button>
                    </div>
                </div>
            <?php
                }
            ?>
                
            <?php
                //Incluimos el FrontController
                require 'Protected/Controllers/frontController.php';
                //Lo iniciamos con su método estático main.
                FrontController::main();
            ?>

            <?php
                if (isset($_SESSION['CPANELSF'])){
            ?>
            </section>
            <?php
                }
            ?>  
        </div>
        
        <footer>
            <div id="SebastianFranco">
                <a href="#" title="&#191;y por qu&eacute; no&#63; / seb.frab@gmail.com">
                    <p>
                        <p style="font-size: 10px;">UTFSM </p>Sebasti&aacute;n Franco 
                    </p>
                </a>
            </div>
        </footer>
    </body>
</html>
